<!DOCTYPE html>
<html>
    <head>
        <title>PC端页面</title>
        <!--  1. 设置视口 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,
        maximum-scale=1.0,minimum-scale=1.0
        ">
        <style>
            *{
                margin:0px;
                padding:0px;
                box-sizing: border-box;
            }
            .left{
                width:30vw;
                background-color: red;
                height:100vh;
                display: inline-block;
            }
            .right{
                width:70vw;
                background-color: yellow;
                height:100vh;
                float: right;
            }
        </style>
    </head>
    <body>
        <section class="left">
            菜单栏
        </section>
        <section class="right">
            内容栏
        </section>
    </body>
</html>